<%--
  Created by IntelliJ IDEA.
  User: bb
  Date: 2021/8/21
  Time: 13:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>



</head>
<body>
    <script src="js/jquery.min.js"></script>

    <%--    返回字符串   --%>
    <a href="user/testString" >testString</a>

    <a href="user/testVoid" >testVoid</a>

    <a href="user/testModelAndView" >testModelAndView</a>

    <a href="user/testForwardOrRedirect" >testForwardOrRedirect</a>


    <%--    发送异步请求,模拟按钮    --%>
    <button id="btn">发送ajax的请求</button>

    <script>
        // 页面加载，绑定单击事件
        $(function(){
            $("#btn").click(function(){  //id选择器
                // alert("hello btn");
                // 发送ajax请求
                $.ajax({
                    // 编写json格式，设置属性和值,这就是一个标准的写法
                    url:"user/testAjax",  // 后台的请求方法,我们需要提供这么一个方法
                    contentType:"application/json;charset=UTF-8", // 发送服务器端的数据类型
                    data:'{"username":"hehe","password":"123","age":30}', // 具体数据
                    dataType:"json", // 预期服务器返回的数据类型
                    type:"post",  // 请求方式,默认是get
                    success:function(data){ // 处理函数
                        // data服务器端响应的json的数据，进行解析
                        alert(data);// 接收到控制器中响应的数据
                        alert(data.username);
                        alert(data.password);
                        alert(data.age);
                    }
                });
            });
        });
    </script>


</body>
</html>
